<!DOCTYPE html>
<html>
	<head>
		<!-- 声明文档使用的字符编码 -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 优先使用 IE 最新版本和 Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<title>申宏汇车</title>
		<meta name="keywords" content="申宏汇车">
		<meta name="description" content="申宏汇车">
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<script type="text/javascript" src="js/setFontSize.js"></script>
	</head>
	<body class="bodyColor">
		<header class="header">
			<span>我的积分</span>
			<a href="javascript:history.back(-1)" class="headerBack"></a>
		</header>
		<section class="credit">
			<div class="container">
				<div class="box">
					<div class="num"><b>800</b>(分)</div>
					<div class="process">
						<div class="tit">积分进度：</div>
						<div class="processBox">
							<div class="processbar" data-percent="0.5" id="processbar"></div>
						</div>
						<div class="txt clearfix">
							<div class="itemL">0</div>
							<div class="itemR">1000</div>
						</div>
					</div>
					<div class="msg">*说明：每满1000积分，即可申请提现</div>
					<a href="tixian.html" class="duihuan">立即兑换</a>
					<!-- <a class="duihuan disabled">立即兑换</a> -->
				</div>
			</div>
		</section>
		<section class="creditList pat40">
			<div class="container">
				<div class="motitle">
					<i class="moIcon"></i>
					<h2 class="moName">积分详情</h2>
				</div>
			</div>
			<div class="whiteBg pab120">
				<div class="container">
					<ul class="list">
						<li class="listItem">
							<img src="img/credit1.png" class="icon"/>
							<div class="status">兑换1000积分</div>
							<div class="time">2020-03-16</div>
							<div class="price">-1000</div>
						</li>
						<li class="listItem">
							<img src="img/credit2.png" class="icon"/>
							<div class="status">报单成功，积分增加100</div>
							<div class="time">2020-03-16</div>
							<div class="price">+1000</div>
						</li>
						<li class="listItem">
							<img src="img/credit2.png" class="icon"/>
							<div class="status">报单成功，积分增加100</div>
							<div class="time">2020-03-16</div>
							<div class="price">+1000</div>
						</li>
						<li class="listItem">
							<img src="img/credit2.png" class="icon"/>
							<div class="status">报单成功，积分增加100</div>
							<div class="time">2020-03-16</div>
							<div class="price">+1000</div>
						</li>
						<li class="listItem">
							<img src="img/credit2.png" class="icon"/>
							<div class="status">报单成功，积分增加100</div>
							<div class="time">2020-03-16</div>
							<div class="price">+1000</div>
						</li>
					</ul>
					<div class="loadMoreBtn">加载更多</div>
				</div>
			</div>

		</section>
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
	</body>
</html>
